<template>
    <div class="payStatus">
      <div class="title">
        <div class="back-wrapper">
          <back></back>
        </div>
        支付结果
      </div>
      <div class="content">
        <div class="pay-icon" :class="{success:payStatus===1,fail:payStatus===2,confirm:payStatus===3}">
          <p class="text">
            {{payStatus===1?'支付成功':payStatus===2?'支付失败':'支付确认中'}}
          </p>
        </div>
        <div class="btn">确定</div>
        <div class="viewOrder">查看订单</div>
      </div>
    </div>
</template>

<script>
  import back from '../../../components/back/back'
    export default {
        name: "payStatus",
        data(){
          return {
            payDesc:'支付成功',
            payStatus:3
          }
        },
        components:{
          'back':back
        },
    }
</script>

<style scoped lang="stylus">
  .payStatus
    position absolute
    height 100%
    width 100%
    background #101011
    user-select none
    overflow hidden
    .title
      position relative
      padding 10px 0
      height 22px
      line-height 22px
      text-align center
      font-size 16px
      color #ffffff
      .back-wrapper
        position absolute
        left 0
        top 10px
        width 36px
        height 22px
    .content
      height calc(100% - 42px)
      .pay-icon
        margin 93px auto 112px auto
        height 25px
        padding-top 73px
        width 100px
        font-size 18px
        color #F7C20F
        line-height 25px
        &.success
          background url("icon_paysucc.png")no-repeat center top /56px 56px
        &.fail
          background url("icon_payfail.png")no-repeat center top /56px 56px
        &.confirm
          background url("icon_paycomf.png")no-repeat center top /56px 56px
      .btn
        height 44px
        margin 0 10px 22px 10px
        background #F7C20F
        border-radius 4px
        font-size 16px
        color #161719
        line-height 44px
      .viewOrder
        margin 0 auto
        height 20px
        line-height 20px
        color #666666
        font-size 14px
        width 70px
</style>
